<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <!-- 强制ie使用最新内核 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- 清除网页缓存 -->
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="cache-control" content="no-cache, must-revalidate">
    <meta http-equiv="expires" content="wed, 26 feb 1997 08:21:57 gmt">
    <title>范客生活</title>
    <link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">
    <link rel="stylesheet" type="text/css" href="css/style2.css">
</head>

<body>
    <div class="wrap">
        <header>
            <div class="header">
                <div class="w1200">
                    <div class="logo-panel">
                        <a href="#">
                            <img src="img/faxsun-logo.png" />
                        </a>
                    </div>
                    <ul class="menu">
                        <li class="logo-side">
                            <img src="img/logo-side-info.png"></li>
                        <li class="log-box">
                            <span class="link-to-fax">
                                <a href="#">商城</a>
                            </span>
                        </li>
                        <li class="link-box">
                            <span>
                                <a href="#">产品</a>
                            </span>
                            <span>•</span>
                            <span>
                                <a href="#">热门</a>
                            </span>
                            <span>•</span>
                            <span>
                                <a href="#">合作</a>
                            </span>
                        </li>
                        <li class="link-box login-box">
                            <span>
                                <a href="#">搜索</a>
                            </span>
                            <span>|</span>
                            <span>
                                <a href="#">登录</a>
                            </span>
                            <span>|</span>
                            <span>
                                <a href="#">注册</a>
                            </span>
                        </li>
                    </ul>
                </div>
            </div>
        </header>
        <div class="container w1200">
            <section id="banner">
                <div id="banners" class="slider">
                    <ul class="slider__wrapper clearfix">
                        <li class="slider__item">
                            <a class="box" href="#">
                                <img src="img/thumbs/banner.png" />
                            </a>
                        </li>
                        <li class="slider__item">
                            <a class="box" href="#">
                                <img src="img/thumbs/banner.png" />
                            </a>
                        </li>
                        <li class="slider__item">
                            <a class="box" href="#">
                                <img src="img/thumbs/banner.png" />
                            </a>
                        </li>
                    </ul>
                </div>
            </section>
            <section id="panel" class="section clearfix">
                <div class="hot-massage">
                    <h2>
                        热门资讯
                        <span>Headlines</span>
                    </h2>
                    <div class="msg">
                        <span class="tag"><b>News</b></span>
                        <article class="left-art">
                            <hgroup>
                                <h3>
                                    <a href="#">“互联网+”包裹下的餐饮O2O，如何躺着把钱赚？</a>
                                </h3>
                                <div class="sh">
                                    <span class="sh-store"> <i class="fa fa-star"></i>
                                        <a href="#">收藏此商品</a>
                                    </span>
                                    <span class="sh-wb"> <i class="fa fa-weibo"></i>
                                        <a href="#">分享至新浪微博</a>
                                    </span>
                                    <span class="sh-com">
                                        <i class="fa fa-comment-o"></i>
                                        <a href="#">此商品评论次</a>
                                    </span>
                                </div>
                            </hgroup>
                            <div class="art-cont">
                                <p>
                                    <a href="#">
                                        “互联网+”概念盛行之下，餐饮行业的包装商们又找到了新一轮投资机会，从生鲜供应链到生鲜半成品到食材包，从团购到在线选座到外卖。关于吃他们都说应该要有不一样的吃法，不只是吃得好和舒服，还要吃得健康、安全、方便。
                                        中国餐饮行业有两个怪圈，中高端餐饮以地区性为主，中低端餐饮被肯德基、麦当劳霸占着，有个相同点是无强势的中国餐饮品牌。在传统的餐饮界中创新一直在进行着，前有俏江南，后有外婆家、海底捞，也有企业退出或被收购，比如湘鄂情的转型、小肥羊被收购。虽然市场在增长，但鲜有能分羹者出现，如俏江南上市一次次搁浅，这个市场犹如挂在墙上的美女，你看得到却摸不着。
                                    </a>
                                </p>
                            </div>
                        </article>
                        <article class="right-art">
                            <hgroup>
                                <h3>
                                    <a href="#">【早报】新iPhone好听到碾压索尼ZX 2？</a>
                                </h3>
                                <div class="sh">
                                    <span class="sh-store">
                                        <i class="fa fa-star"></i>
                                        <a href="#">收藏此商品</a>
                                    </span>
                                    <span class="sh-wb">
                                        <i class="fa fa-weibo"></i>
                                        <a href="#">分享至新浪微博</a>
                                    </span>
                                    <span class="sh-com">
                                        <i class="fa fa-comment-o"></i>
                                        <a href="#">此商品评论次</a>
                                    </span>
                                </div>
                            </hgroup>
                            <div class="art-cont">
                                <p>
                                    <a href="#">
                                        甩掉视频包袱：迅雷1.3亿元出售迅雷看看】北京时间4月1日凌晨消息，迅雷宣布，该公司已与独立第三方北京响巢国际传媒股份有限公司(以下简称“响巢国际”)达成一项具有法律约束力的框架协议，将出售该公司所持迅雷看看的全部股权。迅雷计划以人民币1.3亿元的对价出售迅雷看看。在对该交易能给迅雷及其股东带来的利益进行考虑后，迅雷董事会已经批准了这项交易。迅雷认为，剥离迅雷看看符合该公司新的战略重点，即精简现有的无法盈利的非核心业务，从而将管理层的注意力集中到执行移动和Project Crystal战略上。
                                    </a>
                                </p>
                            </div>
                        </article>
                    </div>
                </div>
                <div class="new-article">
                    <h2>
                        最新评论
                        <span>Share, Rate &amp; Talk</span>
                    </h2>
                    <div class="usr-box">
                        <span class="usr-1">
                            <a href="#">
                                <img src="img/users/usr-1.png" alt=""></a>
                        </span>
                        <span class="usr-2">
                            <a href="#">
                                <img src="img/users/usr-2.png" alt=""></a>
                        </span>
                        <span class="usr-3">
                            <a href="#">
                                <img src="img/users/usr-3.png" alt=""></a>
                        </span>
                        <span class="usr-4">
                            <a href="#">
                                <img src="img/users/usr-4.png" alt=""></a>
                        </span>
                    </div>
                    <div class="side-talk">
                        <div class="art-tab">
                            <span>
                                <a href="#">最新评论</a>
                            </span>
                            <span class="active">
                                <a href="#">
                                    投票话题
                                    <small>(奖励2元)</small>
                                </a>
                            </span>
                        </div>
                        <div class="art-cont">
                            <div class="art-box">内容1</div>
                            <div class="art-box cont-active">
                                <dl>
                                    <dt>
                                        <img src="img/cup.png" alt="#"></dt>
                                    <dd>
                                        <div class="art-usr">
                                            <a href="#">风</a>
                                            <small>2小时前</small>
                                        </div>
                                        <small class="art-tit">
                                            在 <strong>董明珠不玩忽悠 3年不换格力手机就这么来了</strong>
                                            中评论
                                        </small>
                                        <div class="art-com">“董小姐你太认真了……”</div>
                                    </dd>
                                </dl>
                                <dl>
                                    <dt>
                                        <img src="img/cup.png" alt="#"></dt>
                                    <dd>
                                        <div class="art-usr">
                                            <a href="#">风</a>
                                            <small>2小时前</small>
                                        </div>
                                        <small class="art-tit">
                                            在 <strong>董明珠不玩忽悠 3年不换格力手机就这么来了</strong>
                                            中评论
                                        </small>
                                        <div class="art-com">“董小姐你太认真了……”</div>
                                    </dd>
                                </dl>
                                <dl>
                                    <dt>
                                        <img src="img/cup.png" alt="#"></dt>
                                    <dd>
                                        <div class="art-usr">
                                            <a href="#">风</a>
                                            <small>2小时前</small>
                                        </div>
                                        <small class="art-tit">
                                            在
                                            <strong>董明珠不玩忽悠 3年不换格力手机就这么来了</strong>
                                            中评论
                                        </small>
                                        <div class="art-com">“董小姐你太认真了……”</div>
                                    </dd>
                                </dl>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <section id="boutique" class="section">
                <div class="boutique-rec">
                    <h2>
                        精品推荐
                        <span>Top Choices</span>
                    </h2>
                    <span class="tag"><b>Choices</b></span>
                    <ul class="clearfix">
                        <li class="rec-big">
                            <a href="#">
                                <img src="img/product/Kickball-01 (2).jpg"></a>
                            <div class="rec-pan">
                                <p class="rec-tit">这是一个精品</p>
                                <div class="rec-like">
                                    <span>
                                        <a href="#">
                                            <i class="fa fa-heart-o"></i>
                                            165
                                        </a>
                                    </span>
                                    <span>
                                        <a href="#">
                                            <i class="fa fa-circle-o"></i>
                                            180
                                        </a>
                                    </span>
                                </div>
                            </div>
                        </li>
                        <li>
                            <a href="#">
                                <img src="img/product/BACtrack-001.jpg"></a>
                            <div class="rec-pan">
                                <p class="rec-tit">这是一个精品</p>
                                <div class="rec-like">
                                    <span>
                                        <a href="#">
                                            <i class="fa fa-heart-o"></i>
                                            165
                                        </a>
                                    </span>
                                    <span>
                                        <a href="#">
                                            <i class="fa fa-circle-o"></i>
                                            180
                                        </a>
                                    </span>
                                </div>
                            </div>
                        </li>
                        <li>
                            <a href="#">
                                <img src="img/product/aiRider-4.jpg"></a>
                            <div class="rec-pan">
                                <p class="rec-tit">这是一个精品</p>
                                <div class="rec-like">
                                    <span>
                                        <a href="#">
                                            <i class="fa fa-heart-o"></i>
                                            165
                                        </a>
                                    </span>
                                    <span>
                                        <a href="#">
                                            <i class="fa fa-circle-o"></i>
                                            180
                                        </a>
                                    </span>
                                </div>
                            </div>
                        </li>
                        <li>
                            <a href="#">
                                <img src="img/product/Swash Pods-1.jpg"></a>
                            <div class="rec-pan">
                                <p class="rec-tit">这是一个精品</p>
                                <div class="rec-like">
                                    <span>
                                        <a href="#">
                                            <i class="fa fa-heart-o"></i>
                                            165
                                        </a>
                                    </span>
                                    <span>
                                        <a href="#">
                                            <i class="fa fa-circle-o"></i>
                                            180
                                        </a>
                                    </span>
                                </div>
                            </div>
                        </li>
                        <li>
                            <a href="#">
                                <img src="img/product/Tile-8.jpg"></a>
                            <div class="rec-pan">
                                <p class="rec-tit">这是一个精品</p>
                                <div class="rec-like">
                                    <span>
                                        <a href="#">
                                            <i class="fa fa-heart-o"></i>
                                            165
                                        </a>
                                    </span>
                                    <span>
                                        <a href="#">
                                            <i class="fa fa-circle-o"></i>
                                            180
                                        </a>
                                    </span>
                                </div>
                            </div>
                        </li>
                        <li>
                            <a href="#">
                                <img src="img/product/pencil-1.jpg"></a>
                            <div class="rec-pan">
                                <p class="rec-tit">这是一个精品</p>
                                <div class="rec-like">
                                    <span>
                                        <a href="#">
                                            <i class="fa fa-heart-o"></i>
                                            165
                                        </a>
                                    </span>
                                    <span>
                                        <a href="#">
                                            <i class="fa fa-circle-o"></i>
                                            180
                                        </a>
                                    </span>
                                </div>
                            </div>
                        </li>
                        <li>
                            <a href="#">
                                <img src="img/product/cover-blubber001.jpg"></a>
                            <div class="rec-pan">
                                <p class="rec-tit">这是一个精品</p>
                                <div class="rec-like">
                                    <span>
                                        <a href="#">
                                            <i class="fa fa-heart-o"></i>
                                            165
                                        </a>
                                    </span>
                                    <span>
                                        <a href="#">
                                            <i class="fa fa-circle-o"></i>
                                            180
                                        </a>
                                    </span>
                                </div>
                            </div>
                        </li>
                        <li>
                            <a href="#">
                                <img src="img/product/iRobot-1.jpg"></a>
                            <div class="rec-pan">
                                <p class="rec-tit">这是一个精品</p>
                                <div class="rec-like">
                                    <span>
                                        <a href="#">
                                            <i class="fa fa-heart-o"></i>
                                            165
                                        </a>
                                    </span>
                                    <span>
                                        <a href="#">
                                            <i class="fa fa-circle-o"></i>
                                            180
                                        </a>
                                    </span>
                                </div>
                            </div>
                        </li>
                        <li>
                            <a href="#">
                                <img src="img/product/a4ee9f4b55304fc286d8b886d23b85af.png"></a>
                            <div class="rec-pan">
                                <p class="rec-tit">这是一个精品</p>
                                <div class="rec-like">
                                    <span>
                                        <a href="#">
                                            <i class="fa fa-heart-o"></i>
                                            165
                                        </a>
                                    </span>
                                    <span>
                                        <a href="#">
                                            <i class="fa fa-circle-o"></i>
                                            180
                                        </a>
                                    </span>
                                </div>
                            </div>
                        </li>
                        <li>
                            <a href="#">
                                <img src="img/product/Thinklabs One1.jpg"></a>
                            <div class="rec-pan">
                                <p class="rec-tit">这是一个精品</p>
                                <div class="rec-like">
                                    <span>
                                        <a href="#">
                                            <i class="fa fa-heart-o"></i>
                                            165
                                        </a>
                                    </span>
                                    <span>
                                        <a href="#">
                                            <i class="fa fa-circle-o"></i>
                                            180
                                        </a>
                                    </span>
                                </div>
                            </div>
                        </li>
                        <li>
                            <a href="#">
                                <img src="img/product/LyveHome-3(2).jpg"></a>
                            <div class="rec-pan">
                                <p class="rec-tit">这是一个精品</p>
                                <div class="rec-like">
                                    <span>
                                        <a href="#">
                                            <i class="fa fa-heart-o"></i>
                                            165
                                        </a>
                                    </span>
                                    <span>
                                        <a href="#">
                                            <i class="fa fa-circle-o"></i>
                                            180
                                        </a>
                                    </span>
                                </div>
                            </div>
                        </li>
                        <li>
                            <a href="#">
                                <img src="img/product/mamaroo-1.jpg"></a>
                            <div class="rec-pan">
                                <p class="rec-tit">这是一个精品</p>
                                <div class="rec-like">
                                    <span>
                                        <a href="#">
                                            <i class="fa fa-heart-o"></i>
                                            165
                                        </a>
                                    </span>
                                    <span>
                                        <a href="#">
                                            <i class="fa fa-circle-o"></i>
                                            180
                                        </a>
                                    </span>
                                </div>
                            </div>
                        </li>
                        <li>
                            <a href="#">
                                <img src="img/product/twist.png"></a>
                            <div class="rec-pan">
                                <p class="rec-tit">这是一个精品</p>
                                <div class="rec-like">
                                    <span>
                                        <a href="#">
                                            <i class="fa fa-heart-o"></i>
                                            165
                                        </a>
                                    </span>
                                    <span>
                                        <a href="#">
                                            <i class="fa fa-circle-o"></i>
                                            180
                                        </a>
                                    </span>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
            </section>
            <section id="appraisal" class="section">
                <div class="appraisal clearfix">
                    <h2>
                        分类评测
                        <span>Sorts &amp; Reviews</span>
                    </h2>
                    <span class="tag"><b>Reviews</b></span>
                    <div class="apr-l">
                        <div class="apr-ad">
                            <a href="#">
                                <img src="img/product/reviews-1.png" />
                            </a>
                        </div>
                        <div class="apr-list">
                            <ul>
                                <li>
                                    <a href="#">
                                        <img src="img/product/iSwimband-8.jpg"></a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="img/product/moov-1.jpg"></a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="img/product/BACtrack-001.jpg"></a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="apr-r">
                        <img src="img/product/reviews-menu.png"></div>
                </div>
            </section>
        </div>
        <footer>
            <dl class="friend_links w1200">
                <h2>合作伙伴</h2>
                <dd class="clearfix">
                    <div>
                        <a href="http://www.andson.cn/" target="_blank" class="andson" alt="andson">andson</a>
                    </div>
                    <div>
                        <a href="http://www.ka360.com.cn/" target="_blank" class="ka360" alt="ka360">ka360</a>
                    </div>
                    <div>
                        <a href="https://www.paysss.com/" target="_blank" class="clever" alt="clever">clever</a>
                    </div>
                </dd>
            </dl>
            <div class="copy">
                <p>沪ICP备14044544号</p>
                <p>
                    Copyright
                    <span style="font-family:Arial">©</span> 2014 -
                    <a href="http://www.faxsun.com/aboutus/" target="_blank">福克森信息科技有限公司</a> 。
                </p>
            </div>
        </footer>
    </div>
    <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
    <script src="js/jquery.glide.min.js"></script>
    <script src="js/faxsun.js"></script>
</body>

</html>
